body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
}

/* typo */
h1 { color: #555555; font-size: 15px; font-weight: bold; margin: 10px 0 20px 0; }
h2 { color: #444; font-size: 14px; font-weight: bold; margin: 10px 0 10px 0; }
h3 { color: #333; font-size: 13px; margin: 10px 0 10px 0; }
h4 { font-size: 12px; }
hr { height: 0; border: 0; border-top: 1px solid #ccc; margin: 15px 0; }
p { color: #333; font-size: 12px; margin: 5px 0 10px 0; line-height: 16px; }

/* forms */
label { font-size: 12px; }
input { font-size: 12px; border: 1px solid #bbb; padding: 2px 4px 2px 4px; -moz-border-radius: 4px; border-radius: 4px; }
input.cleanInput:focus { background-color: #fffff3; border: 1px solid #666; }
input.submit { background-color: #efefef; cursor: pointer; padding: 0px 4px 2px 4px; }
input.submit:hover { background-color: #ddd; }

/* links */
a { color: #4373DB; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

/* */
img.cover { border: 1px solid #777; }
.clear { clear: both; }
strong { font-weight: bold; }
span.loginError { color: #89291a; font-style: italic; }

/* layout */
.pageWrapper { width: 1000px; margin: 0 auto; }

.sessionMessage { padding: 13px; text-align: center; -moz-border-radius: 10px; border-radius: 10px; display: none; }
	.sessionMessage p { padding: 0 10px 0 60px; color: #222; margin: 0; font-size: 13px; }
	.sessionMessage.info { background: #e4f4d8 url(../img/sessMsg-info.png) no-repeat 20px 6px; }
	.sessionMessage.warning { background: #ffeeee url(../img/sessMsg-warning.png) no-repeat 20px 6px; }
	.sessionMessage.error { background: #ffeeee url(../img/sessMsg-error.png) no-repeat 20px 6px; }

/* login */
#loginFormWrapper { padding-top: 100px; }
#loginForm { margin-top: 20px; width: 240px; margin: 0 auto; border: 1px solid #888;
	-moz-border-radius: 8px; border-radius: 8px; padding: 20px 30px; }
#loginForm h3 { margin-bottom: 15px; }
#loginForm label { width: 100px; display: block; float: left; }

/* friend results */
#friendResults { padding-top: 15px; }

/* movie results */
#movieResults { padding-top: 15px; }
#movieResults ol {
}
#movieResults li {
	padding-bottom: 15px;
	width: 142px;
	margin-right: 10px;
	height: 275px;
	float: left;
}
#movieResults li p.movieTitle { font-size: 11px; text-height: 11px; margin: 2px 0 0 0; }
#movieResults li p.movieTitle a { font-size: 12px; }

/* movie info */
#movieInfoTitle h2 { font-family: "Trebuchet MS", Arial; font-size: 18px; margin-bottom: 0; }
#movieInfoCover { float: left; width: 170px; padding-top: 10px; }
#movieInfoOverview { float: left; width: 570px; }

/* find-movie info */
#findmovieInfoTitle h2 { font-family: "Trebuchet MS", Arial; font-size: 18px; margin-bottom: 0; }
#findmovieInfoCover { float: left; width: 200px; padding-top: 10px; }
#findmovieInfoOverview { float: left; width: 570px; }

/* header */
#headerContainer { background-color: #eee; margin-bottom: 10px; }
#headerTitle h1 { margin: 0; padding: 10px 0 10px 0; }

/* navigation */
#navWrapper { margin-bottom: 15px; border-bottom: 1px solid #ccc; }
	#navInnerBottom #navigation { float: left; width: 700px; }
	#navInnerBottom #loginInfo { float: right; width: 300px; text-align: right; }
	#navInnerBottom p { margin-top: 0; }
	#navInnerBottom #navigation p a { float: left; height: 24px; color: #0077CC; padding-left: 30px; padding-top: 4px;
	font-family: verdana, arial; font-weight: bold; font-size: 11px; margin-right: 20px; }
		#navInnerBottom #navigation p a.navCollection { background: transparent url(../img/navCollection.png) no-repeat; }
		#navInnerBottom #navigation p a.navFriends { background: transparent url(../img/navFriends.png) no-repeat; }
		#navInnerBottom #navigation p a.navProfile { background: transparent url(../img/navProfile.png) no-repeat; }
.navIcon { width: 24px; height: 24px; background-color: #222; float: left; }
	
#sideBar {
	float: left;
	width: 220px;
}
#sideBar * + h3 { margin-top: 20px; }
#sideBar * + h4 {  }
#sideBar .sideControlGroup { padding-left: 6px; }

#content {
	padding-left: 20px;
	float: right;
	width: 760px;
}
